<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="renderer" content="webkit" />
<meta name="screen-orientation" content="portrait" />
<meta name="x5-orientation" content="portrait" />
<title>服务项目</title>
<link rel="stylesheet" type="text/css" th:href="@{/front/css/style.css}"/>
</head>
<body>
<div class="top clearfix">
	<a href="/" target="_blank" class="logo fl" style="margin-left: 90px;"><img th:src="@{/front/img/logo.png}"/></a>
	<ul style="margin-left: 150px;" class="navbar clearfix fl">
		<li><a th:href="@{/about}">关于我们</a></li>
		<li><a th:href="@{/service}" class="navbarbottom">业务范围</a></li>
		<li><a th:href="@{/case?pageSize=9}">案例展示</a></li>
		<li><a th:href="@{/partner}">主要合作方</a></li>
		<!--		<li><a th:href="@{/news}">新闻中心</a></li>-->
		<li><a th:href="@{/job}">人才发展</a></li>
		<li><a th:href="@{/contact}">联系我们</a></li>
		<div class="scroll-nav"></div>
	</ul>
	<p class="p1 fr"><img th:src="@{/front/img/tel.png}"/><span>咨询热线:</span> <b>88514055</b></p>

</div>
<div class="sousuo ">
<!--	<div class="clearfix">-->
<!--		<input type="text" value="" class="input1"  placeholder="请输入您要搜要的内容"   onfocus="this.placeholder='' " onblur="this.placeholder='请输入您要搜要的内容'"/>-->
<!--		<input type="submit" name="" id="" value="搜索" class="sub" />-->
<!--	</div>			-->
</div>

<div class="neibanner">
	<img th:src="@{/front/img/banner.jpg}"/>
</div>
<div class="fuwupage">
<!--<div class="casepage" style="margin-top: 50px;">-->
	<div class="w1240">
		<div class="fuwupage-cont">
			<div th:each="wService,status:${wServices}">
				<div class="clearfix div" th:if="${status.odd}">
					<div class="l-cont fl">
						<h3 th:text="${wService.title}">建筑装修装饰工程专业承包</h3>
						<div class="clearfix">
							<b></b>
						</div>
						<p th:text="${wService.englishTitle}">
							主体与建筑及周围环境这个客体有机结合，加入生态美学的观点，把人与自然、人与环境的关系作为一个生态系统和有机整体来研究，既不是脱离自然与环境去研究孤立的人，也不是脱离人去研究纯客观的自然与环境。
						</p>
						<a th:href="@{/service/details(serviceId=${wService.id})}" class="more-btn"><img th:src="@{/front/img/箭头.png}"/></a>
					</div>
					<div class="r-cont fr">
						<a th:href="@{/service/details(serviceId=${wService.id})}">
						<div class="r-mask">
							<h3 th:text="${wService.title}">建筑装修装饰工程专业承包</h3>
						</div>
					<img style="width: 630px;height: 350px;" th:src="${wService.img}" />
						</a>
					</div>
				</div>
				<div class="clearfix fan-div div" th:unless="${status.odd}">
					<div class="l-cont fr">
						<h3 th:text="${wService.title}">建筑装修装饰工程专业承包</h3>
						<div class="clearfix">
							<b></b>
						</div>
						<p th:text="${wService.englishTitle}">
							主体与建筑及周围环境这个客体有机结合，加入生态美学的观点，把人与自然、人与环境的关系作为一个生态系统和有机整体来研究，既不是脱离自然与环境去研究孤立的人，也不是脱离人去研究纯客观的自然与环境。
						</p>
						<a th:href="@{/service/details(serviceId=${wService.id})}" class="more-btn"><img th:src="@{/front/img/箭头.png}"/></a>
					</div>
					<div class="r-cont fl">
						<a th:href="@{/service/details(serviceId=${wService.id})}">
						<div class="r-mask">
							<h3 th:text="${wService.title}">建筑装修装饰工程专业承包</h3>
						</div>
						<img style="width: 630px;height: 350px;" th:src="${wService.img}" />
						</a>
				</div>
			</div>
		</div>
	</div>
<!--	<div class="w1240">-->
<!--		<ul class="clearfix">-->
<!--			<li th:each="wService,status:${wServices}">-->
<!--				<a th:href="@{/service/details(serviceId=${wService.id})}">-->
<!--					<figure>-->
<!--						<img th:src="${wService.img}" style="width:390px;height: 303px;"/>-->
<!--						<div class="mask">-->
<!--							<div class="m-t"></div>-->
<!--							<img th:src="@{/front/img/logobai.png}" alt="" />-->
<!--							<div class="m-b"></div>-->
<!--						</div>-->
<!--					</figure>-->
<!--					<figcaption>-->
<!--						<p class="p1" th:text="${wService.title}">法门寺绿化项目-陕西园林绿化工程</p>-->
<!--						<p class="p2" th:text="${wService.englishTitle}">园林绿化是在一定的地域运用工程技术和艺术手段，通过改造地形（或进一步筑山、叠...</p>-->
<!--					</figcaption>-->

<!--				</a>-->
<!--			</li>-->

<!--		</ul>-->
<!--		&lt;!&ndash;		<div class="fenye">&ndash;&gt;-->
<!--		&lt;!&ndash;				<a class="a1">8条</a> &ndash;&gt;-->
<!--		&lt;!&ndash;				<a href="" class="a1">&lt;&lt;</a> &ndash;&gt;-->
<!--		&lt;!&ndash;				<a href="" class="on">1</a> <a href="">2</a> &ndash;&gt;-->
<!--		&lt;!&ndash;				<a href="">3</a> <a href="">4</a> &ndash;&gt;-->
<!--		&lt;!&ndash;				<a href="">5</a> <a href="">6</a> &ndash;&gt;-->
<!--		&lt;!&ndash;				<a href="" class="a1">&gt;&gt;</a>	&ndash;&gt;-->
<!--		&lt;!&ndash;			</div>	&ndash;&gt;-->
<!--	</div>-->
</div>


<div class="footer">
	<div class="w1240">
		<div class="div1 clearfix">
			<a href="" class="logo fl"><img style="width: 250px;height: 50px" th:src="@{/front/img/logobai.png}"/></a>
			<ul style="float: left;margin-left: 100px;" class="clearfix fr">
				<li><a th:href="@{/about}">关于我们</a></li>
				<li><a th:href="@{/service}">业务范围</a></li>
				<li><a th:href="@{/case?pageSize=9}">案例展示</a></li>
				<li><a th:href="@{/partner}">主要合作方</a></li>
				<!--		<li><a th:href="@{/news}">新闻中心</a></li>-->
				<li><a th:href="@{/job}">人才发展</a></li>
				<li><a th:href="@{/contact}">联系我们</a></li>
			</ul>
		</div>
		<div class="div2 clearfix">
			<div class="left fl">
				<p class="p1">
					公司地址：<span th:text="${wConfig.addr}"/><br />
					Copyright©2025<span th:text="${wConfig.name}"/> 版权所有<br />
					备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index"><span style="color: #888888" th:text="${wConfig.filings}"/></a>      技术支持：<span th:text="${wConfig.support}"/>
				</p>
				<a href=""><img th:src="@{/front/img/qqq.png}"/></a>
				<a href="javascript:void(0)"><img th:src="@{/front/img/weixin.png}"/></a>
				<a href=""><img th:src="@{/front/img/weibo.png}"/></a>
			</div>
			<div class="right fr">
				<p class="p3">免费咨询方式</p>
				<p class="p4" th:text="${wConfig.phone}">88514055</p>
			</div>
		</div>
<!--		<div class="div3">-->
<!--			<span>友情链接：   </span>-->
<!--			<a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a>-->
<!--			<a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a>-->
<!--			<a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a>-->
<!--		</div>-->
	</div>
</div>		




<script src="http://www.5imoban.net/download/jquery/jquery-3.3.1.min.js"></script>
<script src="http://www.5imoban.net/download/SuperSlide/SuperSlide.2.1.3.js"></script>
<script th:src="@{/front/js/plugin.js}"></script>
<script th:src="@{/front/js/banner.js}"></script>
<script th:src="@{/front/js/index.js}"></script>
<script th:src="@{/front/js/more.js}"></script>
</body>
</html>
